<template>
<div class="detective-task-layout common-page">
  <div class="bread-crumb-wrap">
    <xdh-breadcrumb :data="breadData"></xdh-breadcrumb>
  </div>
  <div class="layout-body">
    <router-view></router-view>
  </div>

</div>
</template>

<style lang="scss" scoped>
// @import "../../../../../src/style/variables/_default.scss";
.detective-task-layout{
  display: flex;
  flex-flow: column;
  .bread-crumb-wrap{
    flex: 0 0 auto;
  }
  .layout-body{
    flex: 1;

  }
}

</style>

<script>
import XdhBreadcrumb from '@/widgets/xdh-breadcrumb'
export default {
  name: 'detectiveTaskLayout',
  components: {
    XdhBreadcrumb
  },
  props: {
  },
  data() {
    return {
    }
  },
  computed: {
    breadData() {
      if (this.$route.path === '/detective-task') {
        return [{text: '侦查任务', to: '/detective-task'}]
      } else {
        return [
          {text: '侦查任务', to: '/detective-task'},
          {text: '新增任务', to: '/detective-task/edit'}
        ]
      }
      
    }
  },
  watch: {
    
  },
  methods: {
    
  },
  mounted() {
  }
}
</script>

